<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta name="format-detection" content="telephone=no">
  <title>登录</title>
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <!-- 不要删除或改变下面这行代码 -->
  {{{__HEAD_JAVASCRIPT__}}}

</head>

<body>
  <!-- loading 动画 -->
  <div id="o2_loading" class="loading">
    <div class="inner">
      <i class="before"></i>
      <i class="after"></i>
    </div>
    <div class="text">loading</div>
  </div>
  <!-- loading -->

  <div class="container">
    <div class="form-signin">
      <h4 class="form-title"></h4>
      <div class="switch-1">
        <div class="form-group">
          <label class="text-color" for="mobile">手机号</label>
          <div class="input-group">
            <span class="input-group-addon">+86</span>
            <input type="tel" class="form-control" id="mobile" placeholder="请输入手机号" autofocus>
          </div>
        </div>
        <div class="form-group">
          <label class="text-color" for="code">验证码</label>
          <div class="input-group">
            <input type="number" class="form-control" id="code" placeholder="请输入验证码" >
            <span class="input-group-btn">
            <button class="btn btn-red" type="button" id="codeBtn">获取验证码</button>
          </span>
          </div>
        </div>
      </div>

      <!--<div class="switch-2 hide">-->
        <!--<div class="form-group">-->
          <!--<label class="text-color" for="mobile">邮箱</label>-->
          <!--<div class="input-group">-->
            <!--<span class="input-group-addon">@</span>-->
            <!--<input type="text" class="form-control" id="email" placeholder="请输入邮箱地址" autofocus>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
      <br>
      <!--<p class="text-switch" id="switch">点击切换用邮箱登录</p>-->
      <button class="btn btn-red btn-block" id="subBtn">登 录</button>
    </div>
  </div>

  <!--bubbles-->
  <ul class="bg-bubbles">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
  <!--bubbles-->
</body>

</html>
